<template>
  <section>
    <div :style="{background: 'url('+(iconUrl==null?systemImg[type]:iconUrl)+') no-repeat center'}" ></div>
  </section>
</template>
<script>
export default {
  name : 'VNoData',
  props: {
    type: {
      default: 1
    },
    iconUrl:{
      default: null
    }
  },
  data () {
    return {
      systemImg: [
        'http://ccnf-im-1255573444.cos.ap-guangzhou.myqcloud.com/1530674467265.png',
        'http://ccnf-im-1255573444.cos.ap-guangzhou.myqcloud.com/1530674469179.png'
        ]
    }
  }
}
</script>
<style lang="less" scoped>
  section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    div {
      width: 234px;
      height: 332px;
      background-size: contain !important;
    }
  }
</style>
